<include file="./Tpl/Public/header.html" />
<!--会员中心开始-->
<style>
    body{line-height: 20px;}
</style>
<div class="my cl">
    <!--模块化-->
    <div class="my_left width650" style="height:auto;">
        <!--新手引導開始-->
        <div class="module width650 height335 userguide mb5 <eq name="finsh" value="1">none</eq>">
            <div class="top">
                <div class="num" style="margin-left:20px; display:inline;">
                    <p class="icon num1 to1" style=" width:35px; height:35px;"></p>
                    <p class="zi">你是谁?</p>
                </div>
                <div class="num">
                    <p class="icon n2 to2" style=" width:35px; height:35px;"></p>
                    <p class="zi">求职意向</p>
                </div>
                <div class="num">
                    <p class="icon n3 to3" style=" width:35px; height:35px;"></p>
                    <p class="zi">创建简历</p>
                </div>
                <div class="num">
                    <p class="icon n4 to4" style=" width:35px; height:35px;"></p>
                    <p class="zi">网络测试</p>
                </div>
                <div class="num" style="width:120px;">
                    <p class="icon n5 to5" style=" width:35px; height:35px;"></p>
                    <p class="zi" style="height:auto; width:70px; margin-top:3px; display:inline;">LET'S GET STARTED!</p>
                </div>
                <div class="num icon userlead2" style="background-position:-360px -250px; width:90px; height:55px; cursor:pointer; padding:0px; float:right;">

                </div>
            </div>
            <div class="bottom">
                <div class="bleft fleft">
                    <div class="zitop bc1">
                        <span style="font-size: 14px; padding: 5px 0; display: block">欢迎来到外企面试训练营</span>
                        <span class="db">让我们来了解如何更好地跟外教面试官沟通：</span>
                    </div>
                    <div class="icon step1 step"></div>
                </div>
                <!--第一步-->
                <div class="bright fleft bc1 " id="step1">
                    <div class="con">
                        <div>外教面试官怎么称呼您 <a href="{:U('User/Index/englishName')}" target="_blank">常用英文名</a></div>
                        <div><input type="text" name="first_name" id="first_name" value="<eq name="userInfo['first_name']" value="">FIRST NAME (名)<else/>{$userInfo['first_name']}</eq>" id="first_name" onFocus="if(this.value=='FIRST NAME (名)'){this.value=''};$(this).attr('style','border-color:#1eb8c2;');" onBlur="if(this.value==''){this.value='FIRST NAME (名)'};$(this).attr('style','');"  /></div>
                        <div><input type="text" name="last_name" id="last_name" value="<eq name="userInfo['last_name']" value="">LAST NAME (姓)<else/>{$userInfo['last_name']}</eq>"  id="last_name"  onFocus="if(this.value=='LAST NAME (姓)'){this.value=''};$(this).attr('style','border-color:#1eb8c2;');" onBlur="if(this.value==''){this.value='LAST NAME (姓)'};$(this).attr('style','');"/></div>
                        <div><!--<p class="icon" style="background-position:-180px -400px; " go="0" id="gopre"><font >上一步</font></p>--><p class="icon" style="background-position:-180px -400px; " go="2" id="gonext"><font >下一步</font></p></div>
                    </div>
                </div>
                <!--第二步-->
                <script src="/Public/layer/jquery-1.9.1.js"></script>
                <script src="/Public/layer/layer.min.js"></script>
                <div class="bright fleft bc1 none" id="step2">
                    <div class="two">
                        <div style="padding-left:60px;">填写求职意向，提前让外教了解您的意向</div>
                        <div ><em>期望行业：</em><input type="text" value="{$addInfo['hope_industry']}" name="hangye"  id="hangye" onFocus="$(this).attr('style', 'border-color:#1eb8c2;');$('.hput').attr('style', 'border-color:#1eb8c2;');" onBlur="$(this).attr('style', '');
                                        $('.hput').attr('style', '');"  /><em class="icon hput"  style=" "></em></div>
                        <div ><em>期望职能：</em><input type="text" value="<eq name="addInfo['hope_function']" value="">请输入您期望的职位<else/>{$addInfo['hope_function']}</eq>"  name="zhineng" id="zhineng" onFocus="$(this).attr('style', 'border-color:#1eb8c2;');if(this.value=='请输入您期望的职位'){this.value=''};
                                $('.lput').attr('style', 'border-color:#1eb8c2;');" onBlur="$(this).attr('style', '');if(this.value==''){this.value='请输入您期望的职位'};
                                        $('.lput').attr('style', '');"  /><em class="lput"  style=" "></em></div>
                        <div style="padding-left:60px;"><p class="icon" style="background-position:-180px -400px; " go="1" id="gopre"><font >上一步</font></p><p class="icon" style="background-position:-180px -400px; " go="3" id="gonext"><font >下一步</font></p></div>
                    </div>
                </div>

                <!--第三步-->
                <div class="bright fleft bc1 none" id="step3">
                    <div class="con">
                        <div>10分钟创建一份简历，</div>
                        <div>请出外教帮您润色 <a href="{:U('User/Index/resume')}" target="_blank">创建简历</a></div>

                        <div  style="margin-top:20px;"><p class="icon" style="background-position:-180px -400px; " go="2" id="gopre"><font >上一步</font></p><p class="icon" style="background-position:-180px -400px; " go="4" id="gonext"><font >下一步</font></p></div>
                    </div>
                </div>
                <!--第四步-->
                <div class="bright fleft bc1 none" id="step4">
                    <div class="con">
                        <div style="width:255px;">熟悉在线教室，测试能否听到声音和看到自己的视频。如果教室出现问题或网速不佳，请联系在线客服帮您解决。</div>
                        <div style="margin-top:10px;"><a href="http://www.tetequ.com/tetequ-409" target="_blank">进入教室窥探</a></div>
                        <div style="margin-top:10px;"><a href="http://speedtest.wangxiaotong.com/" target="_blank">测试网速</a></div>
                        <div  style="margin-top:10px;"><p class="icon" style="background-position:-180px -400px; " go="3" id="gopre"><font >上一步</font></p><p class="icon" style="background-position:-180px -400px; " go="5" id="gonext"><font >下一步</font></p></div>
                    </div>
                </div>
                <!--第五步-->
                <div class="bright fleft bc1 none" id="step5">
                    <div class="con">
                        <div style="width:280px;">Let's get started！ 您可以联系客服QQ预约课程，也可以拨打免费400-686-9850预约，祝您面试成功！</div>
                        <div style="margin-top:10px;">
                            <!-- WPA Button Begin -->
                            <script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzkzODAzNzcxMl8xNjE5NDJfNDAwNjg2OTg1MF8"></script>
                            <!-- WPA Button End -->
<!--                            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=4006869850&site=qq&menu=yes">
                                <img border="0" src="http://wpa.qq.com/pa?p=2:381355763:51" alt="QQ客服在线" title="QQ客服在线"/>
                            </a>-->
                        </div>

                        <div  style="margin-top:10px;"><p go="4" id="gopre" class="icon" style="background-position:-180px -400px; "><font >上一步</font></p><p class="icon" style="background-position:-180px -400px; " go="6" id="gonext"><font >完成</font></p></div>
                    </div>
                </div>
            </div>
        </div>

        <!--我的课表-->
        <div class="module width650" style="height:auto">
            <div class="title bc width630">我的课表｜My Schedule</div>
            <volist name="lesson" id="vo" >
                <div class="bdiv bc1 fclass" <eq name="i" value="1">style="padding-top:30px;"</eq><eq name="i" value="$course[lesson_num]">style="border-bottom:none;"</eq> >
                    <div class="fleft left1"><p class="icon" style="background-position:<eq name="vo['status']" value="$packclassoverdue">-63</eq><eq name="vo['status']" value="$packclassno">-63</eq><eq name="vo['status']" value="$packclassyes">-30</eq><eq name="vo['status']" value="$packclasscancel">-30</eq><eq name="vo['status']" value="$packclassnocancel">-30</eq><eq name="vo['status']" value="$packclassover">0</eq><eq name="vo['status']" value="$noenterpackclass">0</eq>px -245px; width:30px; height:26px; margin-top:10px;"></p></div>
                    <div class="fleft left2">
                        <div class="titles">Lesson<lt name="vo[lesson_sort]" value="10">0</lt>{$vo['lesson_sort']} {$vo.lesson_title}</div>
                        <div class="stime">
							<eq name="vo['status']" value="$packclassoverdue">
                            <p style="padding-top:10px;">上课日期：待定</p>
                            <else/>
							
                            <eq name="vo['status']" value="$packclassno">
                            <p style="padding-top:10px;">上课日期：待定</p>
                            <else/>
							
                            <p style="padding-top:10px;">上课日期：{:date('Y-m-d H:i',$vo['start_time'])} - {:date('H:i',$vo['end_time'])}</p>
                            <a target="_blank" href="{$vo.lesson_ppt}"><p class="icon" style="background-position:0px -40px; width:60px; height:25px; cursor:pointer; margin-top:5px; margin-left:20px;"></p></a>
                            </eq>
							
							</eq>
                        </div>
                        <eq name="vo['status']" value="$packclassover">
						<neq name="vo['status']" value="$noenterpackclass">
                        <div class="pl">
                            <a href="{:U('User/Grade/doGrade')}?id={$vo.grade_id}" target="_blank"><p class="icon fleft" style="background-position:-120px -220px; width:65px; cursor:pointer; height:15px;"></p></a>
                            <a href="{:U('User/Grade/index')}" target="_blank"><p class="icon fleft" style="background-position:0px -220px; width:80px; height:15px; margin-left:20px; cursor:pointer; display:inline;"></p></a>
                        </div>
						</neq>
                        </eq>
                    </div>
                    <div class="fleft left3">
						<eq name="vo['status']" value="$noenterpackclass">
						<p style=" margin-top:10px; padding-left:25px;  ">您翘课啦</p>
						</eq>
						<eq name="vo['status']" value="$packclassoverdue">
						<p style=" margin-top:10px; padding-left:25px;  ">课程已过期</p>
						</eq>
                        <eq name="vo['status']" value="$packclassyes"><!--进入教室-->
                        <a href="{:C('WWWURL')}/play.htm?rank=packClass&id={$vo['room_num']}" target="_blank"><p class="icon jrjs" tid="{$vo['room_num']}" style=" "></p></a>
                        </eq>
                        <eq name="vo['status']" value="$packclassno">
                        <!--<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1061069850&site=qq&menu=yes">-->
                        <a target="_blank" >
                            <p class="icon" id="BizQQWPA{$i}"  style=" background-position:-240px -40px; width:110px; height:30px; cursor:pointer; margin-top:10px;">
                            </p>
                        </a>
                        </eq>
                        <eq name="vo['status']" value="$packclasscancel">
                        <script>Timing(parseInt('{$vo[start_time]-$nowtime-($packenterclassroomtime*60)}'), 'can{$vo.id}', '结束');</script>
                        <p class="icon nojrjs" id="can{$vo.id}" djs="" tid="{$vo['room_num']}" style=" "></p>
                        <p class="qxyy cancelclass" tid="{$vo['room_num']}" sj="{:date('Y-m-d H:i',$vo['start_time'])} - {:date('H:i',$vo['end_time'])}" style="cursor:pointer;">取消预约</p>
                        </eq>
                        <eq name="vo['status']" value="$packclassnocancel">
						<script>Timing(parseInt('{$vo[start_time]-$nowtime-($packenterclassroomtime*60)}'), 'can{$vo.id}', '结束');</script>
                        <p class="icon nojrjs" id="can{$vo.id}" djs="" tid="{$vo['room_num']}" ></p>
                        <p class="qxyy fred">课前4小时不能取消预约</p>
                        </eq>
                        <eq name="vo['status']" value="$packclassover">
                        <a href="{:C('WWWURL')}/play.htm?rank=packClass&id={$vo['room_num']}" target="_blank">
                            <gt name="vo['end_time']" value="$nowtime">
                            <p class="icon" tid="{$vo['room_num']}" style=" background-position:-120px 0px; width:110px; height:30px; cursor:pointer; margin-top:10px;"></p>
                            </gt>
                            <lt name="vo['end_time']" value="$nowtime">
                            <p class="icon" tid="{$vo['room_num']}" style=" background-position:0px 0px; width:110px; height:30px; cursor:pointer; margin-top:10px;"></p>
                            </lt>
                        </a>
                        </eq>

                    </div>
                </div>
            </volist>
        </div>

    </div>
    <div class="my_rigjht width261">
        <!--會員信息開始-->
        <div class="module width261 height140 fright bc">
            <div class="fleft  height140 circle face"><img style="border-radius:50%; overflow:hidden; " src="<neq name="userInfo['img']" value="">{$userInfo['img']}<else/>/Public/images/face.png</neq>" width="92" height="92" border="0"></div>
            <div class="fright width150  ">
                <div class="my_info_ct bianji"><a href="{:U('User/Index/editInfo')}">编辑</a></div>
                <div class="username">{$userInfo['user_name']}</div>
                <a href="{:U('User/Index/resume')}"><div class="icon runse"></div></a>
            </div>
        </div>
        <!--學習進度-->
        <div class="module width261 height430 fright mtop5">
            <div class="title bc width241">我的学习进度</div>
            <div class="height130 fleft jindu">
                <div class="icon " style="background-position:{$course['haveon']*-90}px -310px; height:85px; width:85px; float:left;">
                    <p style="margin-top:28px; padding-left:18px;">面试英语<br />&nbsp;&nbsp;课程包</p>
                </div>

                <div>完成：<font color="#FF0000">{$course.haveon}</font>/{$course.lesson_num}节</div>

                <div class="pt7">
                    <p class="fleft">剩余取消课时次数:</p>
                    <volist name="addInfo['cancel_sy']" id="vo">
                        <p class="icon" style="background-position:-270px -252px; width:13px; height:15px; float:left; margin-top:1px; margin-left:2px;"></p>
                    </volist>
                    <volist name="addInfo['cancel_arr']" id="vo">
                        <p class="icon" style="background-position:-300px -252px; width:13px; height:15px; float:left;  margin-top:1px; margin-left:2px;"></p>
                    </volist>
                </div>

                <div class="pt7">
                    有效期：{:date('Y-m-d',$course['effect_time'])}<br /> <p style="padding-left:45px;">至{:date('Y-m-d',$course['expiration_time'])}</p>
                </div>

            </div>
            <div class="jindu bc1 fleft jineng" >
                <div class="get">面试技能get√ </div><div class="xian"> ..............................................</div>
            </div>
            <div class="jindu" style="width:225px; float:left; padding-left: 25px">
                <volist name="lesson" id="vo">
                    <div class="jn icon" style=" background-position:{$key*-60}px <eq name="vo[status]" value="$packclassover">-150<else/>-80</eq>px; width:50px; float:left; <gt name="i" value="3">margin-top:20px;</gt>"></div>
                </volist>

                <div class="jn icon" style="background-position:-300px <eq name="course['haveon']" value="$course['lesson_num']">-150<else/>-80</eq>px; width:50px; float:left; margin-top:20px;"></div>
            </div>
        </div>


        <div class="module width261 height335 fright mtop5">
            <div class="title bc width241">我的简历</div>
            <div class="bdiv bc1 jlfloor">
                <div class="jlfloor1">完善英文简历,外教才能帮您润色：</div>
                <div class="jlfloor2">
                    <p class="icon" style="background-position:-245px -245px; width:20px; height:25px;"></p>
                    <p class="f20 bfb">{$pct}%</p>
                    <p class="sj">06-20 15:44</p>
                    <a href="{:U('/User/Index/printHtml')}" target="_blank" class="icon jlicon db fl" style="background-position:-184px -250px;"></a>
                    <a href="{:U('/User/Index/yulan')}" target="_blank" class="icon jlicon db fl" style="background-position:-217px -250px; width:18px;"></a>
                    <a href="{:U('User/Index/resume')}" target="_blank" class="icon jlicon db fl" style="background-position:-158px -250px;"></a>
                </div>
            </div>
            <div class="bdiv bc1 editjl">
                <p >外教修改的简历：</p>
                <neq name="tid" value=""><a href="{:U('User/Index/printHtml')}?tid={$tid}" target="_blank"><p class="icon" style="background-position:-70px -40px; width:60px; height:25px; cursor:pointer;"></p></a></neq>
            </div>
            <div class="yxcolor qz">
                <p  class="width100 fleft">求职意向</p>
                <!--<p class="icon" style="background-position:-158px -250px; height:15px; width:22px; float:right; cursor:pointer;"></p>-->
            </div>
            <div class="yxcolor qz">
                <p  class="width75 fleft">期望行业：</p>
                <p class="ms">{$addInfo['hope_industry']}</p>
            </div>
            <div class="yxcolor qz">
                <p  class="width75 fleft">期望职能：</p>
                <p class="ms">{$addInfo['hope_function']}</p>
            </div>
        </div>
        
        <!--公开课-->
        <!--<div class="module width261 height350 fright mtop5">
                <div class="title bc width241">最新公开课</div>
        </div>-->
    </div>
</div>
<script charset="utf-8" src="http://wpa.b.qq.com/cgi/wpa.php"></script>
<script type="text/javascript">
    
    //预约课程添加qq弹窗
    for (var i=0;i<=5;i++){
        BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 4006869850, selector: 'BizQQWPA'+i});
    }
    
    var u = "{:U('Home/Index/ceshi')}";
    $(document).on("click", '#hangye', function(e) {
        var index = parent.layer.getFrameIndex(window.name);
        var mypop = $.layer({
            type: 2,
            title: '选择行业',
            iframe: {src: u},
//        maxmin: true,
            area: ['750px', '500px'],
            offset: [($(window).height() - 500 - 12) / 2 + 'px', ''],
            end: function() {
                mypop = null
            },
            close: function(index) {
//            layer.msg('test',2,1);
            }
        });
        $(document).on('.hangye', function() {
            if (mypop) {
                layer.area(mypop, {
                    top: ($(window).height() - 342 - 12) / 2
                });
            }
        });
    })
</script>
<include file="./Tpl/Public/footer.html" />
